<script setup>
//声明响应式
import {ref} from 'vue'
const val = ref('')
</script>

<template>
  <form action="">
  <!--数据绑定:这个文本框中的值就会存储在val这个变量中，
      主要文本框中的值发生变化，val的值也会变化，因为它们是绑定的；
      v-model这种语法只能用在表单元素中的，与value这个属性进行绑定的
      v-model：可以方便获取表单元素中的值-->
    <input  type="text" v-model="val" >
  </form>
  <p>文本框中的值:{{val}}</p>
</template>

<style scoped>

</style>